
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Demo BLoG AneH</title>
<script src='http://kodtemplate.googlecode.com/files/jquery_toolbar.js' type='text/javascript'></script>
<script src='http://kodtemplate.googlecode.com/files/toolbar_iframe.js' type='text/javascript'></script>
<style type='text/css'>
#nav{
position:fixed;
width:100%;
top:0;
margin: 0;
padding: 0;
height:40px;
z-index:999;
-moz-box-shadow:0 1px 3px rgba(0,0,0,0.25),0 -1px 0 rgba(0,0,0,0.1) inset;
-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.25),0 -1px 0 rgba(0,0,0,0.1) inset;
box-shadow:0 1px 3px rgba(0,0,0,0.25),0 -1px 0 rgba(0,0,0,0.1) inset;
background:#00A0D1 url(https://lh3.googleusercontent.com/-AeeSkXJINJo/TxOgUZtqHkI/AAAAAAAAAc8/yM2VnKCq-kk/s99/header-bg.png) repeat-x 0 0;
display: block;
}
.nav{
width:80%;
margin: 0 auto;
padding: 0;
display: block;
border: 0;
}
#logo{float:left;display:block;height:40px;background:url(http://1.bp.blogspot.com/-1u7RIiKaoO8/UCeaUw3kwyI/AAAAAAAAAI0/SO89UnDs2_s/s1600/twitter-klik.png) no-repeat left 3px;padding-left:40px;color:#FFF;-moz-border-radius:0 0 6px 6px;-webkit-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;font-size:150%;font-weight:200;line-height:38px;
text-transform: capitalize;
color:#FFF;
-moz-border-radius:0 0 6px 6px;
-webkit-border-radius:0 0 6px 6px;
border-radius:0 0 6px 6px;
font-size:120%;
font-weight:200;
line-height:38px;
}
#logo:hover{
text-decoration:none;
}
#title-nav{
display: block;
margin:0;
padding: 0;
border: 0;
}
#title-nav li{
position:relative;
float:left;
display:block-inline;
list-style-type:none;
line-height:40px;
margin:0;
padding:0;
}
#title-nav li img{
position:absolute;
top:10px;
left:10px;
width:20px;
height:20px;
}
#title-nav li.last{
float:right;
}
#title-nav a.avatar{
padding-left:40px;
}
#title-nav a{
display:block;
padding:0 10px;
-webkit-font-smoothing:subpixel-antialiased;
text-shadow:0 -1px 0 rgba(0,0,0,0.3);
outline:none;color:#BFE4EF;
}
#title-nav li.active,#title-nav li a:hover{
background:#0089B3;
color:#FFF;
text-decoration:none;
}
#title-nav li.active a{
background:none;
color:#FFF;
}
#title-nav .expanded{
position:relative;
}
#title-nav .expanded .menu{
position:absolute;
left:0;
top:40px;
padding:0;
margin:0;
width:150px;
list-style:none outside;
display:none;
}
#title-nav .last .menu{
position:absolute;
left:auto;
right:0;
}
#title-nav .expanded .leaf{
display:block;
padding:0;
margin:0;
width:150px;
line-height:normal;
}
#title-nav .last.expanded .leaf{
float:right;
}
#title-nav .expanded .leaf a{
background:#00A0D1;
display:block;
width:130px;
padding:9px 10px;
}
#title-nav .expanded .leaf a:hover{
background:#00A0D1 url(https://dev.twitter.com/sites/all/themes/twitter_commons/images/header-bg.png) repeat-x 0 0;
}
#title-nav .expanded .last a{
-moz-border-radius:0 0 6px 6px;-webkit-border-radius:0 0 6px 6px;
border-radius:0 0 6px 6px;
}
#search-theme-form{
position:relative;
width:220px;
height:33px;
float:left;
padding:6px 0 0 10px;
margin:0 30px 0 0;
}
* html #search-theme-form{
margin:0 10px 0 0;
}
#search-q{
padding:6px 26px 6px 6px;
float:left;
background:#89C9E2;
background:rgba(255,255,255,0.3);
-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1),0 1px 0px rgba(255,255,255,0.25);
-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1),0 1px 0px rgba(255,255,255,0.25);
box-shadow:inset 0 1px 2px rgba(0,0,0,0.1),0 1px 0px rgba(255,255,255,0.25);
color:#FFF;
color:rgba(255,255,255,0.75);
font-family:&quot;Helvetica Neue&quot;,Helvetica,Arial,sans-serif;
font-size:13px;
-webkit-font-smoothing:antialiased;
line-height:1;
height:13px;
width:200px;
border:1px solid #0081A8;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
}
.hover #search-q,#search-q:hover{
background:#B2DCEC;
background:rgba(255,255,255,0.5);
color:#FFF;
}
#search-q:focus{
padding:7px 27px 5px 7px;
background:#FFF;
-webkit-box-shadow:0 0 3px rgba(0,0,0,0.15);
-moz-box-shadow:0 0 3px rgba(0,0,0,0.15);
box-shadow:0 0 3px rgba(0,0,0,0.15);
color:#333;text-shadow:0 1px 0 #FFF;border:none;
}
#search-q:-webkit-input-placeholder,#search-q:-moz-placeholder{
color:#FFF;
}
#search-submit{
position:absolute;
top:12px;
left:223px;
background-color:transparent;
background-image:url(https://dev.twitter.com/sites/all/themes/twitter_commons/images/dev-sprites-v2.png);
background-repeat:no-repeat;
background-position:0 -448px;
border:0;height:14px;
width:14px;
text-indent:-9999px;
cursor:pointer;
-moz-opacity:.5;opacity:.5;
}
* html #search-submit{
background-image:url(https://dev.twitter.com/sites/all/themes/twitter_commons/images/dev-sprites-ie.png);
}
.hover #search-submit,#search-submit:hover{
-moz-opacity:1;opacity:1;
}
.active #search-submit,.active #search-submit:hover{
-moz-opacity:.5;opacity:.5;
}
.active #search-submit{
background-position:0 -480px;
}
dt{
font-size:1.3em;
}
dt.protected a{
padding-left:18px;
background-image:url(https://dev.twitter.com/sites/all/themes/twitter_commons/images/dev-sprites-v2.png);
background-repeat:no-repeat;
background-position:0 -540px;
}
dd{
border-bottom:1px solid #EEE;
margin-bottom:1.5em;
padding-bottom:1.5em;
}
dd p.search-info,dd p.search-info a{
color:#999;margin-bottom:0;
}
p.search-404{
margin-bottom:1em;padding-bottom:1em;
border-bottom:1px solid #EEE;
font-size:1.2em;color:#777;
}
a.button{
display:block;
float:right;
width:auto;
margin-top:10px;
padding:6px 12px;
border:1px solid #095B7E;
text-shadow:0 -1px 0 rgba(0,0,0,0.3);
background-color:#00A0D1;
background-image:-webkit-gradient(linear,0 0,0 100%,from(#00A0D1),to(#008DB8));
color:#BFE4EF;
font:13px/1.5 &#39;Helvetica Neue&#39;,Arial,&#39;Liberation Sans&#39;,FreeSans,sans-serif;
-webkit-font-smoothing:subpixel-antialiased;
box-shadow:0 1px 1px #EEE;
-moz-border-radius:4px;
-moz-box-shadow:0 1px 1px #EEE;
-webkit-border-radius:4px;
-webkit-box-shadow:0 1px 1px #EEE;
border-radius:4px;
}
a.button:hover{
color:#FFF;
text-decoration:none;
}
#button-left{ background:#fff url(http://3.bp.blogspot.com/-Si67GEL10RA/Tf4l3kWsDtI/AAAAAAAABP8/fG2LS8dM8jo/s1600/separatortop.png) repeat-x;font-weight:bold;font-color:#000;text-shadow:2px 2px 2px #fff;border:2px solid #CDCDCD;display:scroll;position:fixed;bottom:0px;left:0px;padding:5px 7px 4px 7px;-moz-border-radius:0px 7px 0 0;-khtml-border-radius:0px 7px 0 0;-webkit-border-radius:0px 7px 0 0;border-radius:0px 7px 0 0}#button-left a,#button-right a{color:#000;text-decoration:none}#button-left a:hover,#button-right a:hover{color:#045FB4;text-decoration:none}
body{background:#000 url(http://2.bp.blogspot.com/-YKlbhs5BmPg/T468WsUAIlI/AAAAAAAAAbk/Ry-W6tAyNOg/s1600/body.jpg) no-repeat top center;;margin:0;color:#999;font:x-small Georgia Serif;font-size:small;font-size:small;text-align:center}a:link{color:#8fbde5;text-decoration:none}a:visited{color:#8fbde5;text-decoration:none}a:hover{color:#eee;text-decoration:underline}a img{border-width:0}
#iframe{overflow:hidden}
#iframe, iframe{width: 100%; height: 100%; border:none;}
#iframe{margin-top:31px;}
</style>
</head>

<body>
<div id='button-left'>
<a href='javascript:history.go(-1);' title='GO BACK'>&#9668; <strong>GO BACK</strong></a>
</div>
<div id='nav'>
<div class='nav'>
<a href='http://www.bloganeh.com/' id='logo' title='Style Blogger Template'>Demo BLoG AneH</a>
<form accept-charset='UTF-8' action='/search/' id='search-theme-form' method='get'>
<input id='search-q' maxlength='128' name='q' onblur='if(this.value==&#39;&#39;)this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=&#39;&#39;;' type='text' value='Search Here' size='15' title='enter search' type='text' value='Search'/>
<input id='search-submit' name='StyleBloggerTemplate' type='submit' value='DesignByFianhar'/>
</form>
<ul id='title-nav'>
<li class='expanded first'><a href='http://www.bloganeh.com/' title='Home'>Home</a>
<li class='leaf'><a href='http://topex-film.blogspot.com/' title=''>Film</a></li>
<li class='leaf'><a href='http://www.warungmusik.info/' title=''>Musik</a></li>
<li class='leaf'><a href='http://www.bloganeh.com/p/videos.html' title=''>Youtube Video</a></li>
<li class='leaf last' id='login'><a href='http://blogger.com/' title=''>Sign in</a></li>
</ul>
</div>
</div><!-- and nav -->
<div style='clear: both;'></div>
<div id='iframe'><iframe src=''></iframe></div>
</body>
</html>